
<template>
    <div class="main" v-show='loadingFlag' >
        <div class="showBox">
            <div class="title">
                <img :src="imgF?src+'static/image/Accept-btn.png':src+'static/image/X-btn.png'" alt="" style='position: relative;left: 20px;'>
                <h2>{{loadingmessage}}</h2>
            </div>
            <div class="imgs">
                <button @click="know">我知道了</button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  name: "digSuccess",
  data() {
    return {
       src: "./"
    };
  },
  props: ["loadingFlag", "loadingmessage",'imgF'],
  created() {},
  methods: {
    know() {
      this.$parent.loadingFlag = false;
    }
  }
};
</script>
<style scoped>
@import url("../../../static/css/base.css");
.main {
  width: 100vw;
  height: 100vh;
  /* background-size: 100% 100%; */
  /* padding-top: 15%; */
  position: fixed;
  background: rgba(0, 0, 0, 0);
  z-index: 10000;
}

.showBox {
  width: 443px;
  height: 202px;
  background: url("../../../static/image/showWin2.png") no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 40px 25px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.showBox .title,
.showBox .tips {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;

}
.showBox .title img {
  width: 37px;
  height: 37px;
}
.showBox .title h2 {
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 2px #3a230a, 1px 0 #3a230a, -1px 0 #3a230a, 0 -1px #3a230a;
  margin-left: 35px;
}
.showBox .title i {
  text-shadow: -1px -1px 1px #c32322, 1px 1px 1px #c32322;
  /* text-shadow: 0 2.5px #3a230a, 2px 0 #3a230a, -2px 0 #3a230a, 0 -2px #3a230a; */
  font-style: normal;
  margin: 0 6px;
}
.showBox .imgs {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  position: absolute;
  top: 172px;
  left: 212px;
}
.imgs button {
  width: 161px;
  height: 47px;
  background: url("../../../static/image/rcode-btn.png") no-repeat center;
  border: none;
  background-size: 100% 100%;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 2.5px #9f6946, 2px 0 #9f6946, -1px 0 #9f6946, 0 -1px #9f6946;
  line-height: 20px;
  outline: none;
}
</style>


